<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人中心</title>
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
<style type="text/css">
/*@import "css/person.css";*/
* {
	margin: 0px;
	padding: 0px;
}

#div0 {
	min-width: 1200px;
	margin: auto;
	height: 100%;
}

#header {
	min-width: 1200px;
	height: 70px;
	background-color: pink;
}

#div2 {
	min-width: 1200px;
	height: 100%;
	/*border: 1px solid red;*/
}

.qa {
	font-size: 15px;
	float: right;
	padding-top: 24px;
	padding-right: 110px;
	color: blue;
}

#div3 {
	min-width: 1200px;
	text-indent: 100px;
	height: 60px;
	background-color: pink;
}

#div3 h2 {
	text-indent: 40px;
	line-height: 60px;
	background-color: #0066cc;
}

#div4 {
	width: 240px;
	height: 460px;
	background-color: pink;
}

.dl {
	width: 240px;
	height: 130px;
	background-color: pink;
	border-bottom: 1px solid mediumslateblue;
}

.dd {
	width: 100px;
	height: 100px;
	text-indent: 10px;
}

.dd2 {
	width: 120px;
	height: 30px;
	padding-left: 120px;
	font-size: 16px;
	margin-top: -60px;
}

.dd3 {
	line-height: 30px;
	vertical-align: middle;
	text-indent: 40px;
	border-bottom: 1px dashed mediumslateblue;
}

a {
	text-decoration: none;
	color: grey;
}

iframe {
	min-width: 957px;
	height: 457px;
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	top: 131px;
	/*top: 148px;*/
	left: 240px;
}

#dd {
	height: 60px;
}

.p {
	line-height: 40px;
	vertical-align: middle;
	color: grey;
	padding-left: 580px;
	margin-top: 20px;
	/*padding-top: 100px;*/
}
</style>
</head>
<body>
	<!--网页头部-->
	<div id="div0">
		<div id="header">
			<img src="image/logo.png"
				style="height: 50px; padding-left: 20px; padding-top: 10px">
			<a href="/home.html" class="qa" >千度首页</a>
		</div>
		<div id="div2">
			<div id="div3">
				<h2>首页</h2>
			</div>
			<div id="div4">
				<dl class="dl">
					<dd class="dd">
						<img id="aa" src=""
							style="width: 80px; height: 80px; padding-top: 20px; padding-left: 10px"></a>
					</dd>
					<dd class="dd2">
						<div id="name"></div>
					</dd>
				</dl>
				<dl>
					<dd class="dd3">
						<a href="/photo.html" target="main">修改头像</a>
					</dd>
					<dd class="dd3">
						<a href="/nickname.html" target="main">修改昵称</a>
					</dd>
					<dd class="dd3">
						<a href="/upPassword.html" target="main">修改密码</a>
					</dd>
					<dd class="dd3">
						<a href="/loginHistory.html" target="main">登录历史</a>
					</dd>
				</dl>
			</div>
		</div>
		<!-- 默认的跳转页面 -->
		<iframe name="main" src="/loginHistory.html"> </iframe>
		<div id="dd">
			<p class="p">2019 @Qiandu</p>
		</div>
	</div>

	<script type="text/javascript"
		src="https://cdn.bootcss.com/jquery/2.2.2/jquery.js"></script>

	<script type="text/javascript">
		$(function () {//窗口加载完毕
			$.ajax({
				url:'/pan/selectNamePhoto',
				type:'POST',
				success:function (data) {
					//alert(data.data.userName);
					$('#name').text(data.data.userName);
					$("#aa").attr("src",""+data.data.userPhoto);
					console.log(data);
				},
				error:function (err) {
					console.log(err);
				}
			});
		});
	</script>
</body>
</html>